layui.use(['table','layer','form'], function() {
	let table = layui.table
	let layer = layui.layer
	let form = layui.form
	table.render({
		elem: '#return-table', //挂载标签
		url: 'http://localhost:9527/returns/list',
		title: '图书信息表',
		page: true, //自动开启分页功能
		toolbar: 'default', //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
		cols: [
			[ //表头
				{
					type: 'checkbox', //复选框
					fixed: 'left' //固定在左边
				}, {
					field: 'id', //这个字段必须和服务端返回的字段一致
					title: 'ID',
					sort: true, //排序
					fixed: 'left', //固定在左边
					align: "center",
				}, {
					field: 'bookTitle', //这个字段必须和服务端返回的字段一致
					title: '图书名称',
					align: "center",
				}, {
					field: 'returnNum', //这个字段必须和服务端返回的字段一致
					title: '归还数量',
					align: "center",
				},{
					field: 'createBy', //这个字段必须和服务端返回的字段一致
					title: '归还者',
					align: "center",
				},{
					field: 'createTime', //这个字段必须和服务端返回的字段一致
					title: '归还时间',
					align: "center",
				},{
					field: 'updateBy', //这个字段必须和服务端返回的字段一致
					title: '更新者',
					align: "center",
				},{
					field: 'updateTime', //这个字段必须和服务端返回的字段一致
					title: '更新时间',
					align: "center",
				},
			]
		]
	});
	
	// 头工具栏事件
	table.on('toolbar(return-filter)', function(obj) {
		var checkStatus = table.checkStatus(obj.config.id)
		var data = checkStatus.data; //获取选中的数据
		console.log(data.id)
		switch (obj.event) {
			case 'add':
				layer.msg('添加在上方');
				break;
			case 'update':
				layer.msg('修改在上方');
				break;
			case 'delete':
				if (data.length === 0) {
					layer.msg('请最少选择一行数据进行操作');
				} else {
					//获取选中的数据的所有id，组合成的数组
					//向服务器发送删除请求
					//创建一个存放id的数组
					let idArray = new Array()
					for (let item of data) {
						idArray.push(item.id)
					}
					$.ajax({
						url:"http://localhost:9527/returns/del",
						type:"POST",
						dataType:"JSON",
						data:{
							ids : idArray
						},
						traditional: true, //传递的数据类型为数组的时候需要添加该属性
						success:function(res){
							if(res.code ==  "0"){
								layer.msg("删除成功",{time:2000},function(){
									//刷新
									window.location.reload()
								})
							}else{
								layer.msg("操作异常")
							}
						}
					})
				}
				break;
		};
	});
	
	//搜索栏点击事件
	form.on('submit(sreach)', function(data){
	  console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
	  //向服务器发起请求
	 table.reload('return-table', {
	   url: 'http://localhost:9527/returns/conditions',
	   where: data.field //设定异步数据接口的额外参数
	 });
	  return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});
	
	form.on('submit(add)',function(data){
			console.log(data.field)
			$.ajax({			
				url:"http://localhost:9527/returns/add",
				type:"POST",
				dataType:"JSON",//声明服务端返回的数据必须是JSON数据格式
				data:data.field,//自动传数据
				success:function(res){	
				    console.log(res)
				    if(res.code == 0){
					    layer.msg("添加成功",{time:2000},function(){
					    //刷新
					    window.location.reload()
					    })							
				    }else{
					    layer.msg("操作异常")
					}
				}			  
			})
			// }
			return false;
		});
		form.on('submit(edit)',function(data){
				console.log(data.field)
				//向服务器发起请求
				$.ajax({
					url:"http://localhost:9527/returns/edit",
					type:"POST",
					dataType:"JSON",//声明服务端返回的数据必须是JSON数据格式
					data:data.field,//自动传数据
					success:function(res){	
					    console.log(res)
					    if(res.code == 0){
						    layer.msg("修改成功",{time:2000},function(){
						    //刷新
						    window.location.reload()
						    })							
					    }else{
						    layer.msg("操作异常")
						}
					}			  
				})
				return false;
			});

		
})